<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>表单_fieldset与legend</title>
</head>
<body>
    <form action="https://search.jd.com/search">
        <!-- 主要信息 -->
        <fieldset>
            <legend>主要信息</legend>
            <label for="zhanghu" >账户：</label>
                <input id="zhanghu" type="text" name="account"  maxlength="10"><br>
                <label for="mima">密码：</label>
                <input id="mima" type="password" name="pwd"  maxlength="6"><br>
                性别：
                <input id="nan" type="radio" name="gender" value="male" >
                <label for="nan">男</label>
                <input id="nv" type="radio" name="gender" value="female">
                <label for="nv">女</label>
        </fieldset>
        <br>
        <!-- 附加信息 -->
        <fieldset>
            <legend>附加信息</legend> 
            爱好：
            <label >
                <input type="checkbox" name="hobby" value="smoke">抽烟
            </label>
            <label >
                <input type="checkbox" name="hobby" value="drink">喝酒
            </label>
            <label >
                <input type="checkbox" name="hobby" value="perm" >烫头
            </label><br>
            其他：
            <textarea name="other" cols="22" rows="=3"></textarea><br>
            籍贯：
            <select name="place" id="">
                <option value="豫">河南</option>
                <option value="晋" >山西</option>
                <option value="鲁">山东</option>
            </select>
        </fieldset>
        
         <input type="hidden" name="abc" value="123">
        <br>
         <input type="submit" value="确认">
         <input type="reset" value="点点我">
         <button type="button">检测账户是否被注册</button>
    </form>
</body>
</html>